import { createApp, } from 'vue'
import { createPinia } from 'pinia'
import VueCookies from "vue-cookies";
import App from './App.vue'
import router from './router'


//导入element-plus的所有组件
import ElementPlus from 'element-plus'
//导入element-plus的组件样式
import 'element-plus/dist/index.css'

//导入index.css 样式模块
import './styles/index.scss'
//
import{Search,CloseBold,Promotion,CircleClose,Sunny,View,CirclePlus,ArrowDown,Moon,Star,Delete,ArrowRight, Download,EditPen, Plus, ZoomIn,Message,ArrowLeftBold,Avatar,Back,SwitchButton,UserFilled,ChatLineSquare,More,Edit} from '@element-plus/icons-vue'

const app = createApp(App)
app.component(CloseBold.name,CloseBold)
app.component(CircleClose.name,CircleClose)
app.component(Promotion.name,Promotion)
app.component(View.name,View)
app.component(Search.name,Search)
app.component(Star.name,Star)
app.component(CirclePlus.name,CirclePlus)
app.component(ArrowDown.name,ArrowDown)
app.component(Message.name,Message)
app.component(Avatar.name,Avatar)
app.component(UserFilled.name,UserFilled)
app.component(ChatLineSquare.name,ChatLineSquare)
app.component(Edit.name,Edit)
app.component(Plus.name,Plus)
app.component(Delete.name,Delete)
app.component(More.name,More)
app.component(Back.name,Back)
app.component(SwitchButton.name,SwitchButton)
app.component(ArrowLeftBold.name,ArrowLeftBold)
app.component(Download.name,Download)
app.component(ZoomIn.name,ZoomIn)
app.component(EditPen.name,EditPen)
app.component(ArrowRight.name,ArrowRight)
app.component(Sunny.name,Sunny)
app.component(Moon.name,Moon)

app.use(createPinia())
app.use(router)
app.use(ElementPlus)

app.use(VueCookies);


app.mount('#app')
